<nz-card>
  <!--
    <app-select [method]="'POST'" [url]="'/selList'" [parameter]="'{id:1}'" [exhibition]="'{id:1}'" (value)="query($event)"></app-select>
  -->
  当前value选中:{{value}}
  <form nz-form [formGroup]="validateForm" class="ant-advanced-search-form">
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="5" *ngFor="let control of controlArray" [hidden]="!control.show">
        <nz-form-item [nzFlex]="'true'">
          <nz-form-label [nzFor]="'field' + control.index">Field {{ control.index }}</nz-form-label>
          <nz-form-control>
            <app-select [attr.id]="'field' + control.index"   [formControlName]="'field' + control.index" [(ngModel)]="value" [key]="'id'" [method]="'GET'" [name]="'name'" [parameter]="{id:1}" [url]="'/list/user'"></app-select>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>

    <div nz-row>
      <div nz-col [nzSpan]="24" class="search-area">
        <button nz-button [nzType]="'primary'">搜索</button>
        <button nz-button (click)="resetForm()">清除</button>
        <a class="collapse" (click)="toggleCollapse()">
          {{isCollapse? '展开': '折叠'}}
          <i nz-icon [nzType]="isCollapse ? 'down' : 'up'"></i>
        </a>
      </div>
    </div>
  </form>

</nz-card>
<nz-card>
  <div class="search-result-list">
    <nz-table [nzData]="listOfData"
              [nzLoadingDelay]="5"
              [nzLoading]="false"
              [nzPageIndex]="1"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 500 ]"
              [nzPageSize]="10"
              [nzShowQuickJumper]="true"
              [nzShowSizeChanger]="true"
              [nzSize]="'small'"
              [nzTotal]="800"
    >

      <thead>
      <tr>
        <th nzShowCheckbox nzWidth="62px"></th>
        <th>Name</th>
        <th>Age</th>
        <th>Address</th>
        <th>Name</th>
        <th>Age</th>
        <th>Address</th>
        <th nzWidth="260px">Action</th>

      </tr>

      </thead>
      <tbody>
      <tr *ngFor="let data of listOfData">
        <td nzShowCheckbox></td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
        <td>{{data.address}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
        <td>{{data.address}}</td>
        <td>
          <a>Action 一 {{data.name}}</a>
          <nz-divider nzType="vertical"></nz-divider>
          <a>Delete</a>
        </td>

      </tr>
      </tbody>
    </nz-table>
  </div>
</nz-card>
